<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0">
        <title>领爱网授权登录</title>
        <style>
           html,body,div,dl,dt,dd,ol,ul,li,span,img,a,article{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
            body{line-height:1}
            ol,ul{list-style:none}
            a img{border:none}
            article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
            a {border:none}
            a:active {text-decoration: none;}
            a:link, a:visited {opacity: 1;text-decoration: none;color: #333}
            a:hover {text-decoration: none;}
            html, body {-webkit-touch-callout: none;}
            /*base*/
            .logo{display: block;width: 4.13em;height: 4.13em;margin:1.63em auto 1.88em;}
            article{padding: 0 0.56em;}
            article ul,article dl{margin-bottom: 1em;border-radius: 8px;}
            article ul li,article dl dt,article dl dd{height: 2.8em;padding-left: 0.7em;border: 1px solid #dbd9d4;border-radius:0 0 8px 8px;background-color: #fff;line-height: 2.8em;color: #666;font-weight: 700;}
            article ul li:first-child,article dl dt{border-bottom: 0 none;border-radius:8px 8px 0 0;box-shadow: 0 2px 1px #a3a29f inset;}
            article dl{color: #575757}
            article dl dt{border:1px solid #a5a299;background-image: -webkit-linear-gradient( -90deg, rgb(234,232,220) 0%, rgb(207,205,192) 4%, rgb(207,204,189) 50%, rgb(207,203,191) 96%, rgb(207,203,191) 100%);box-shadow:none;}
            article dl dd{border-top: 0 none;}
            article dl dd span{float: right;margin-right: .8em;padding-left: 0.5em;font-family: sans-serif;font-size: 1.2em;font-weight: 700;color: #3b3c40}
            article ul li input{border: 0 none;font-size: 1em;color: #666}
            .login,.login:link,.login:visited{display: block;height: 2.3em;margin-bottom: 1.8em;border:1px solid #2aa137;border-radius: 5px;background-image: -webkit-linear-gradient( 90deg, rgb(53,161,64) 0%, rgb(63,186,76) 100%);box-shadow: 0px 1px 0px 0px rgb( 255, 255, 255 );text-align: center;color: #fff;font-weight: 700;text-shadow:0 -1px 1px #16411a;line-height: 2.3em;font-size: 1.1em;}
        </style>
    </head>
    <body>
           <!--  <img class="logo" src="images/app025logo.png" alt="www.025.com"> -->
           <img class="logo" src="http://img.duoyi.com/025/img/mphone/lingai8a.png" alt="www.025.com">
        <article>
            <ul>
                <li><label>帐号：<input type="text" placeholder="邮箱/手机号/用户名"></label></li>
                <li><label>密码：<input type="password" placeholder="请输入密码"></label></li>
            </ul>
            <a class="login" href="">授权并登录</a>
            <dl>
                <dt>随机聊天为领爱网子应用，请允许</dt>
                <dd><span>√</span>获取你的个人信息和资料</dd>
            </dl>
        </article>
    </body>

</html>